@import "../commonFunc";

.particulars_module {
    .particulars_container {
        overflow: hidden;

        h3 {
            height: px2rem(78);
            @include displayFlex;
            @include color(#6E4B30);
            @include fontSize(px2rem(18));
        }

        .particulars_basic_info {
            @include displayFlex;

            li {
                margin-left: px2rem(40);

                p {
                    @include fontSize(px2rem(16));
                    @include color(#87603F);
                    @include displayFlex;

                    span {
                        &.link {
                            text-decoration: underline;
                            @include color($yellowColor);
                            max-width: px2rem(250);
                            display: block;
                            cursor: pointer;
                        }

                        &.danger {
                            @include color(#F74C31)
                        }
                    }
                }

                &:first-of-type {
                    margin-left: 0;
                }
            }
        }

        .table_box {
            margin-top: px2rem(32);

            .custom_table_head {
                @include bgColor(#DBC7B1);
                height: px2rem(50);
                padding: 0 px2rem(22);

                h4 {
                    height: 100%;
                    @include displayFlex;
                    @include fontSize(px2rem(16));
                    @include color(#6E4B30);
                }

                .export_data {
                    height: 100%;
                    @include displayFlex;

                    > span {
                        @include color(#6E4B30);
                        @include fontSize;
                        @include displayFlex;

                        .anticon {
                            @include fontSize(px2rem(20));
                            @include color(#6E4B30);
                            margin-right: px2rem(5);
                        }

                        cursor: pointer;

                        &:hover {
                            @include color($defaultColor);

                            .anticon {
                                @include color($defaultColor);
                            }
                        }
                    }
                }
            }

            .custom_table_style {
                .ant-table {
                    .ant-table-container {
                        height: auto;
                        border-bottom: none;

                        .ant-table-tbody {
                            .ant-empty-normal {
                                height: auto;
                                margin: px2rem(100) auto;
                            }
                        }
                    }
                }
            }
        }
    }
}